/*
 * 全局样式设置  by  wangzc 2019.09.23
 */
/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#f9f6f1; color:#555; font-size: 100%; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }/*公共类*/
.fl { float:left}
.fr {float:right}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.hide {display:none}

/*变量设置*/
:root{
    --themeColor:#4396ab;
}
/*引入字体*/
@font-face{
    font-family: font_jbs;
    src:url('../font/jbs.ttf') format('truetype');
}

/*
共用css
*/
.nav-font{
    font-size: 20px;
}
.theme-color{
    color:#006938;
}
.theme-color02{
    color:#727171;
}
.theme-bg{
    background-color: #006938;
}
.theme-border-color{
    border-color: #006938;
}
.wihte-color{
    color:#fff;
}
.wihte-border-color{
    border-color: #fff;
}
.main-width{
    width: 78%;
    margin: 0 auto;
}
.flex-box{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}
.out-box{
    width: 100%;
    margin-top: 0.65rem;
}
/*
导航样式 ALL
*/
.nav-outside{
    width: 100%;
    height:1rem;
    box-shadow: 0 0 5px #aaa;
    background: white;
}
.nav-fixed{
    position: fixed;
    left: 0;
    top:0;
    z-index: 1000;
}
.nav{
    display: flex;
    flex-flow: row nowrap;
    width: 78%;
    margin: 0 auto;
    height:1rem;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.logo{
    width:1.97rem;
    height:1rem;
}
.logo a{
    display: flex;
    width: 100%;
    height:1rem;
    flex-flow: column nowrap;
    justify-content: center;
}
.logo img{
    width: 100%;
    height:0.58rem;
}
.nav-list{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.page-link{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.page-link li{
    width: 0.84rem;
    text-align: center;
    font-size: 0.15rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height:1rem;
    border-bottom: 3px solid transparent;
}

.page-link li>div{
    border-right-width:1px;
    border-right-style: solid;
}

.page-link li>a{
    display: block;
    border-right-width:1px;
    border-right-style: solid;
}

.page-link li>a>span{
    /*display: block;*/
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
}
.page-link li.active>a>span{
    border-bottom: 3px solid #fff;
}
.page-link li:hover>a>span{
    /*color:#006938;*/
    border-bottom-width: 3px;
    border-bottom-color:#fff;
    transition: all .6s;
}
.page-link-all li.active{
    /*border-bottom: 3px solid #006938;*/
}
.wechat{
    width: 24px;
    padding-left:15px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    position: relative;
}
.wechat img{
    /*width: 100%;*/
    width: 0.22rem;
    height:0.17rem;
}
.wechat .erweima{
    width: 1.2rem;
    /*height:1.3rem;*/
    height:0;
    position: absolute;
    top:0.35rem;
    left:-0.37rem;
    transition: height .2s;
    overflow: hidden;
}
.jiao{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0.4rem;
    z-index: 999;
}
.jiao .l{
    width: 0;
    height:0;
    border-color: #967e62 transparent;
    border-style: solid;
   border-width: 0 0 0.2rem 0.2rem;
}
.jiao .r{
    width: 0;
    height:0;
    border-color: #967e62 transparent;
    border-style: solid;
    border-width: 0 0.2rem 0.2rem 0;
}
.erweima-inside{
    position:absolute;
    left:0;
    bottom:0;
    z-index: 1000;
    width: 1.2rem;
    height:1.2rem;
    background: #967e62;
    border-radius: 10px;
}
.wechat .erweima-inside img{
    width: 1rem;
    height:1rem;
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    margin: auto;
}
/*
导航样式首页
*/
.nav-outside-index{
    width: 100%;
    height:1rem;
    position: absolute;
    top:0;
    left:0;
    z-index: 1000;
}
.nav-list li{

}
.nav-line{
    background: none repeat scroll 0 0 #006938;
    bottom: -1px;
    font-size: 0;
    height: 3px;
    left: 0;
    line-height: 4px;
    position: absolute;
    /*width: 90px;*/
}
/*FOOTER style*/
footer{
    width: 100%;
    height:0.6rem;
    background: #666366;
    margin-top: 1rem;
    color:#fff;
    font-size: 0.13rem;
}
.footer-box{
    height:0.6rem;
}
.footer-link{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.footer-link li{
    width: 0.7rem;
    text-align: center;
    border-right:1px solid #fff;
}
.footer-link li a{
    color:#fff;
}

.footer-link li:hover a{
    color:#ccc;
}


/*nav all*/
.header-container{
    width: 100%;
    height:1rem;
    box-shadow: 0 1px 5px #666366;
}
.header-link-box ul{
    height:1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.header-box{
    display: flex;
    flex-flow: row nowrap;
}
.header-link-box li{
    width: 0.84rem;
    text-align: center;
    font-size:0.15rem;
}


/*
* 各项首页 共用样式
*/
.product-en{
    margin-top: 1rem;
    height:1rem;
    border-bottom:1px solid #afafaf;
    font-size: 0.28rem;
    position: relative;
}
.product-en span{
    position: absolute;
    padding:0 0 15px 0;
    bottom:-3px;
    left: 0;
    border-bottom-style:solid;
    border-bottom-width:3px;
}
.page-nav{
    height:0.56rem;
    display: flex;
    flex-flow:row nowrap;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.15rem;
}
.page-nav li{
    margin-left:0.18rem;
}
.page-nav li:hover a{
    color:#006938;
    transition: color .5s;
    /*text-shadow: 2px 2px 2px #888;*/
}
.text-desc{
    height:1.26rem;
    /*background: #967e62;*/
    font-size: 0.15rem;
}
.text-desc-title{
    font-size: 0.22rem;
}
.text-desc-content{
    margin-top: 0.26rem;
    line-height: 0.22rem;
}
.div-link{
    height:2.68rem;
    /*height:3.28rem;*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-size: 0.15rem;
}
.div-link-all{
    height:3.24rem;
    /*height:3.84rem;*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-size: 0.15rem;
    margin-top: 0.7rem;
}
.div-link a{
    display: block;
    height:100%;
    color:#fff;
}
.div-link-all a{
    display: block;
    height:100%;
    color:#fff;
}
.part{
    height:100%;
    position: relative;
}
.three-part{
    width: 38.4%;

}
.three-part-m{
    width: 21.6%;
}
.three-part-normal{
    width: 32.6%;
}
.div-link-desc{
    position: absolute;
    left:0.187rem;
    bottom:0.14rem;
}
.div-link-cn{
    margin-bottom: 0.03rem;
}
.two-part{
    width: 49.5%;
}
.two-part-right{
    width: 56%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding:0.56rem;
    box-sizing: border-box;
    color:#fff;
    text-align: center;
}
.two-part-left{
    width: 43%;
    background: #dededc;
    display: flex;
    flex-flow: column nowrap;
}
.address-box{
    height:1.6rem;
    width: 100%;
    font-size: 0.15rem;
    display: flex;
    flex-flow: row nowrap;
    box-sizing:border-box;
    padding:0.18rem;
    align-items: center;
}
.address-box img{
    width: 0.478rem;
}
.address-content{
    margin-left: 0.18rem;
}
.address-content p{
    margin-top: 0.1rem;
}
.address-content p:first-child{
    margin: 0;
}
.address-img{
    flex: 1;
}
.two-part-right-l{
    width: 1.41rem;
    font-size: 0.1rem;
}
.two-part-right-l img{
    width: 100%;
    margin-bottom: 0.02rem;
}
.two-part-right-r{
    flex: 1;
    text-align: right;
}
.line-1{
    font-size: 0.2rem;
    font-weight: bold;
}
.line-2 {
    font-size: 0.24rem;
    margin: 0.05rem 0;
}
.line-3{
    font-size: 0.2rem;
}
.layout-div{
    height:3.94rem;
    background: #967e62;
    position: relative;
    font-size: 0.15rem;
    color:#fff;
}
.layout-posi{
    position: absolute;
    font-size: 0.1rem;
    color:#fff;
}
.layout-posi a{
    color:#fff;
}
.layout-posi a:hover{
    color:#f6ff03;
}
.layout-item-title{
    font-size: 0.22rem;
    margin-bottom: 0.02rem;
}
.yf{
    /*left:6.35rem;*/
    left:4.55rem;
    top:0.95rem;
}
.cp{
    left:7.7rem;
    /*left:8.3rem;*/
    top:0.35rem;
    /*top:0.05rem;*/
}
.item-list li{
    margin-top: 0.03rem;
    font-size: 0.12rem;
}
.jy{
    /*left:10.15rem;*/
    left:10.05rem;
    /*top:0.4rem;*/
    top:0.3rem;
}
.sj{
    /*left:7.8rem;*/
    left:5.9rem;
    top:2.8rem;
}
.yl{
    left:8.85rem;
    /*left:9.35rem;*/
    top:2.6rem;
}
.list-head-img{
    width: 100%;
    height:1.03rem;
    background: url("../img/big-health.jpg") no-repeat left center/ cover;
    margin-top: 1rem;
}
.list-product-en{
    height:0.68rem;
    border-bottom:1px solid #afafaf;
    font-size: 0.28rem;
    position: relative;
}
.list-product-en span{
    position: absolute;
    padding:0 20px 15px 0;
    bottom:-3px;
    left: 0;
    border-bottom-style:solid;
    border-bottom-width:3px;
}
.back-top{
    width: 0.5rem;
    height:0.5rem;
    background: rgba(0,0,0,.5);
    color:#fff;
    border-radius: 50%;
    position: fixed;
    bottom:1rem;
    right:0.2rem;
    font-size: 0.15rem;
    line-height: 0.5rem;
    text-align: center;
    cursor: pointer;
}
.back-top:hover{
    background: #006938;
    transition: background-color 1s;
}
